/**
 * 颜色工具类
 * 基于 uni.scss 中的颜色变量
 */

/* 背景颜色 */
.bg-white {
	background-color: $uni-bg-color;
}

.bg-grey {
	background-color: $uni-bg-color-grey;
}

.bg-hover {
	background-color: $uni-bg-color-hover;
}

.bg-mask {
	background-color: $uni-bg-color-mask;
}

.bg-primary {
	background-color: $uni-color-primary;
}

.bg-success {
	background-color: $uni-color-success;
}

.bg-warning {
	background-color: $uni-color-warning;
}

.bg-error {
	background-color: $uni-color-error;
}

.bg-transparent {
	background-color: transparent;
}

/* 边框颜色 */
.border-primary {
	border-color: $uni-color-primary;
}

.border-success {
	border-color: $uni-color-success;
}

.border-warning {
	border-color: $uni-color-warning;
}

.border-error {
	border-color: $uni-color-error;
}

.border-base {
	border-color: $uni-border-color;
}

.border-table {
	border-color: $uni-table-border-color;
}

/* 更多背景颜色 */
.bg-grey-light {
	background-color: #f5f7fa;
}

.bg-grey-lighter {
	background-color: #fafafa;
}

.bg-primary-light {
	background-color: #e6f7ff;
}

.bg-success-light {
	background-color: #f0f9ff;
}

.bg-warning-light {
	background-color: #fff7e6;
}

.bg-error-light {
	background-color: #fef0f0;
}

/* 更多文字颜色 */
.text-white {
	color: #ffffff;
}

.text-black {
	color: #000000;
}

.text-grey-light {
	color: #e4e7ed;
}

.text-grey-lighter {
	color: #f5f7fa;
}

/* 边框颜色扩展 */
.border-white {
	border-color: #ffffff;
}

.border-grey-light {
	border-color: #e4e7ed;
}

.border-grey-lighter {
	border-color: #f5f7fa;
}

